@mixin hover-bg-color {
  background-color: rgba(255, 106, 108, 0.1) !important;
}

.dashboard-popper {
  &.el-select-dropdown {
    border: none;
    &.is-multiple {
      .el-select-dropdown__item.selected::after {
        display: none !important;
      }
    }
    .popper__arrow {
      border: none;
    }

    .el-select-dropdown__item {
      color: #606266;
      font-size: 14px;
      line-height: 32px;
      padding: 0 12px;
      &.hover {
        background-color: transparent;
        &:hover {
          @include hover-bg-color;
        }
      }
      &:hover {
        @include hover-bg-color;
      }
      &.selected {
        @include hover-bg-color;
        color: #ff6a6c;
        &:hover {
          @include hover-bg-color;
        }
        &.hover {
          @include hover-bg-color;
        }
      }
    }
  }
  &.el-cascader__dropdown {
    .el-cascader-menu__list {
      padding: 0;
    }
    .el-cascader-node {
      &:focus-within {
        background-color: transparent;
      }
      &:hover {
        @include hover-bg-color;
      }
      &.is-active, &.in-active-path {
        @include hover-bg-color;
      }
    }
    &:not(.is-multiple) {
      .el-cascader-node {
        &:focus-within {
          background-color: transparent;
        }
        &:hover {
          @include hover-bg-color;
        }
        &.is-active, &.in-active-path {
          background-color: transparent;
        }
      }
    }

  }

  &.el-dialog {
    .el-dialog__header {
      .el-dialog__headerbtn {
        top: 16px;
        right: 12px;
      }
      .el-dialog__title {
        color: #303133;
      }
    }
    .el-dialog__header, .el-dialog__footer, el-dialog__body {
      padding: 12px;
    }
  }
  &.el-message-box {
    .el-message-box__title span {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 24px;
      font-weight: bold;
    }
  }
}
body .tree-select-popper {
  border: 1px solid #dcdfe6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  .el-tree-node__content {
    padding-right: 12px;
    &:hover, &:active, &:focus {
      @include hover-bg-color ;
    }
  }
  .el-tree-node:focus > .el-tree-node__content {
    @include hover-bg-color;
  }
  .el-tree-node__expand-icon {
    font-size: 14px;
    margin-left: 6px;
  }
  .tree-wrapper {
    scrollbar-gutter: stable;
    >.el-scrollbar{
      height: 100%;
    }
  }
  .el-select-dropdown__list .el-select-dropdown__item {
    overflow-y: auto;
  }

&.tree-select-popper-comp > .el-scrollbar > .el-scrollbar__bar.is-vertical {
    display: none;
  }
  &.tree-select-popper-comp .el-select__tags-text{
    padding-right: 6px;
  }

  .el-tree-node__content>label.el-checkbox{
    margin-right: 6px;
  }
}

#main {
  &::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background: #DCDFE6 !important;
    border: none !important;
  }
  &::-webkit-scrollbar {
    width: 6px !important;
    height: 8px !important;
  }
}
.table-img-tooltip {
  pointer-events: none;
}
.treeNoData {
  height: 100%;
  .el-tree__empty-block {
    position: relative;
    min-height: 60px;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .el-tree__empty-text {
    display: block;
    color: #909399;
    &::before {
      display: block;
      content: url("~@/assets/image/svg/empty.svg") !important;
    }
  }
}
.myEventListTooltip.el-tooltip__popper {
  max-width: unset;
}

